<script setup lang="ts">
  import { ref } from "vue";

  defineProps<{ msg: string }>();

  const count = ref(0);

  function test() {
    console.log("456");
  }
  test();
</script>

<template>
  <h1>{{ msg }}</h1>

  <div class="card">
    <button type="button" @click="count++">count is {{ count }}</button>
  </div>
  <p>test</p>
</template>

<style scoped>
  .read-the-docs {
    color: #888;
  }
</style>
